<template>
	<div>
        <component :is="currentComponent" :processInstanceId="processInstanceId"></component>
	</div>
</template>
<script lang="ts" setup>
  const route = useRoute();
  const currentComponent = ref(null);
  const flowData = ref<any>({
    nodeId: '',
    taskId: '',
    processInstanceId: '',
  });
  const processInstanceId = ref();
  onMounted(() => {
    flowData.value.nodeId = route.query.nodeId;
    flowData.value.taskId = route.query.taskId;
    flowData.value.processInstanceId = route.query.processInstanceId;
    processInstanceId.value = route.query.processInstanceId;
    const componentUrl = defineAsyncComponent(() => import(route.query.routeUrl));
    currentComponent.value = componentUrl;
  });
</script>
<style scoped lang="scss"></style>
